<template>
  <div class="appdiy-module-attr" @click.stop>
    <AttrNav v-if="attr.type == 'navBar'" :attr="attr" />
    <AttrSlide v-if="attr.type == 'banner'" :attr="attr" />
    <AttrSearch v-if="attr.type == 'search'" :attr="attr" />
    <AttrCoupon v-if="attr.type == 'coupon'" :attr="attr" />
    <AttrWindow v-if="attr.type == 'window'" :attr="attr" />
    <AttrDuo v-if="attr.type == 'duo'" :attr="attr" />
    <AttrImageSingle v-if="attr.type == 'imageSingle'" :attr="attr" />
    <AttrVideo v-if="attr.type == 'video'" :attr="attr" />
    <AttrNotice v-if="attr.type == 'notice'" :attr="attr" />
    <AttrTuwen v-if="attr.type == 'tuwen'" :attr="attr" />
    <AttrGoods v-if="attr.type == 'goods'" :attr="attr" />
    <AttrTechnical v-if="attr.type == 'technical'" :attr="attr" />
    <AttrTuan v-if="attr.type == 'tuan'" :attr="attr" />
    <AttrMiaosha v-if="attr.type == 'miaosha'" :attr="attr" />
  </div>
</template>

<script>
import "@/assets/diy/css/attr.scss";
import AttrNav from "@/views/site/attr/nav.vue";
import AttrSlide from "@/views/site/attr/banner.vue";
import AttrSearch from "@/views/site/attr/search.vue";
import AttrCoupon from "@/views/site/attr/coupon.vue";
import AttrWindow from "@/views/site/attr/window.vue";
import AttrDuo from "@/views/site/attr/duo.vue";
import AttrImageSingle from "@/views/site/attr/imageSingle.vue";
import AttrVideo from "@/views/site/attr/video.vue";
import AttrNotice from "@/views/site/attr/notice.vue";
import AttrTuwen from "@/views/site/attr/tuwen.vue";
import AttrGoods from "@/views/site/attr/goods.vue";
import AttrTechnical from "@/views/site/attr/technical.vue";
import AttrTuan from "@/views/site/attr/tuan.vue";
import AttrMiaosha from "@/views/site/attr/miaosha.vue";
export default {
  name: "Attr",
  components: {
    AttrNav,
    AttrSlide,
    AttrCoupon,
    AttrSearch,
    AttrWindow,
    AttrDuo,
    AttrVideo,
    AttrNotice,
    AttrImageSingle,
    AttrTuwen,
    AttrGoods,
    AttrTechnical,
    AttrTuan,
    AttrMiaosha,
  },
  props: ["attr"],
  mounted() {},
};
</script>
<style scoped lang="scss">
.appdiy-module-attr {
  .module-attr-tab {
    li {
      border-right: none !important ;
      flex: none;
      padding: 12px 20px;
      color: #000;
    }
    li.on {
      color: #000;
    }
    li.on::after {
      background: #409efc;
      height: 3px;
    }
  }
}
</style>
